<template>
	<view class='warp' style="background-color: #FFFFFF;padding: 30rpx;position: fixed;">
		<view class="title">
			{{list.title}}
		</view>

		<view class="type">
			<view class="c99" v-if="list.type == 1">
				系统通知
			</view>
			<view class="c99" v-if="list.type == 2">
				用户通知
			</view>
			<view class="c99 ml30">
				{{list.send_time}}
			</view>
		</view>
		<view class="content">
			<html :content="list.content"></html>
		</view>
	</view>
</template>

<script>
	import {
		get_notice_detail
	} from '../../../api/api.js'
	import html from '../../../compontents/mp-html/mp-html.vue'
	export default {
		components:{
			html
		},
		data() {
			return {
				id: "",
				list: []
			}

		},
		onLoad(opt) {
			this.id = opt.id
			this.datainit()
		},
		methods: {
			datainit() {
				let data = {
					id: this.id
				}
				get_notice_detail(data).then(res => {
					this.list = res.data
				})
			},
		}

	}
</script>

<style scoped lang='less'>
	.title {
		color: #666666;
		font-size: 28rpx;
	}

	.c99 {
		font-size: 24rpx;
		color: #999999;
	}
	.type{
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
	}
</style>
